@import '/styles/mixins.less';
@import '/styles/variables.less';

.service-view {
  .service-view-box {
    .vtabs-cls {
      width: auto;
    }
    .goodsItem-warp {
      padding: 0 24rpx;
    }
    .am-vtabs-content-wrap {
      .am-vtabs-slides {

        > view {
          &:last-child{
            min-height: 100%;
          }
        }
      }
    }
    .am-vtabs-bar-tab__active {
      // border-bottom: 1px solid #D8D8D8;
    }
    .am-vtabs-bar {
      // border-right: 1px solid #D8D8D8;
    }
  }
  .service-view-bottom {
    bottom: 0;
    position: fixed;
    width: 750rpx;
    box-sizing: border-box;
    background-color: #fff;
    left: 0;
    .service-view-bottom-box {
      padding: 24rpx 24rpx 32rpx 44rpx;
      .page-hasBar-bottom-Padding(24rpx);
      .flex(center,space-between);
      > .left {
        font-size: 30rpx;
        color: #999;
        font-weight: 500;
        .price {
          font-size: 38rpx;
          color: #1677FF;
        }
      }
      > .right {
        width: 350rpx;
      }
    }
  }
}

.desc {
  font-size: 24rpx;
  color: @primary-color;
}

.pro-item-wrap{
  padding: 0 .24rem;
}

.pro-item{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 0.36rem;
  padding-bottom: 0.42rem;
  border-bottom: 1px solid #eee;
  height: 1.2rem;

  .left {
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    border-radius: 0.08rem;
    overflow: hidden;
    background-color: #F5F5F5;
    margin-right: 0.24rem;

    image{
      width: 100%;
      height: 100%;
    }
  }

  .right{
    flex: 1;
    width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;

    .title{
      font-size: 0.3rem;
      color: #333;
      font-weight: 500;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
    }

    .radio-wrap{
      position: relative;
      flex: 1;
      height: 0;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;

      ::after{
        content:' ';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99;
      }
    }
  }
}